<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/tese.css"/>
	</head>
	<body>
		<div class="container-fluid">
		    <!--<div class="row">
		    	<div class="col-md-4" style="border: 1px solid #FF0000;height: 20px;"></div>
		    	<div class="col-md-4" style="border: 1px solid #FF0000;height: 20px;"></div>
		    	<div class="col-md-4" style="border: 1px solid #FF0000;height: 20px;"></div>
		    </div>-->
		  
		   <div class="row">
		    	<div class="col-sm-6 col-md-8 col-xs-6" style="border: 1px solid #FF0000;height: 20px;"></div>
		    	<div class="col-sm-6 col-md-4 col-xs-6" style="border: 1px solid #FF0000;height: 20px;"></div>
		    </div>
		    
		      <!--<div class="row">
		    	<div class="col-sm-6" style="border: 1px solid #000;height: 20px;"></div>
		    	<div class="col-sm-6" style="border: 1px solid #000;height: 20px;"></div>
		    </div>
		    
		    <div class="row">
		    	<div class="col-md-6" style="border: 1px solid #000;height: 20px;"></div>
		    	<div class="col-md-6" style="border: 1px solid #000;height: 20px;"></div>
		    </div>
		    
		     <div class="row">
		    	<div class="col-xs-6" style="border: 1px solid #000;height: 20px;"></div>
		    	<div class="col-xs-6" style="border: 1px solid #000;height: 20px;"></div>
		    </div>-->
		    
		    <!-- Stack the columns on mobile by making one full-width and the other half-width -->
			<!--<div class="row">
			  <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
			  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
			</div>-->
		</div>
		
		<div class="tese">
			
		</div>
	   

		
		<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
		<script type="text/javascript" ></script>
	</body>
</html>
